<template>
  <div class="main">
    <div class="nav-box">
      <RouterLink to="/">首页</RouterLink>
      <RouterLink to="/about">关于</RouterLink>
    </div>
    <div class="show-box">
      <RouterView />
    </div>
  </div>
</template>

<script setup>

</script>

<style scoped>
  .main {
    height: 100%;
    width: 100%;
    display: flex;
  }
  .nav-box {
    height: 100%;
    width: 30%;
    border-right: 1px solid #000;
    display: flex;
  }

  .nav-box a {
    margin-right: 30px;
  }


</style>
